<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表页</title>
</head>
<link rel="stylesheet" href="./css/list.min.css">
<body>

    <div class="web">
        <header>
            <!-- 头部 -->
            <div class="h-blue"></div>
           <!-- 导航栏 -->
           <div class="h-nav">
               <!-- 鼎搜网logo图片 -->
               <div class="h-nav-logo">
                   <img src="./images/index/logo.png" alt="">
               </div>
               <!-- 多个标签字 -->
               <div class="h-nav-box">
                   <ul class="h-nav-box-ul">
                       <a href="#">
                           <li class="h-nav-box-ul line active">首页</li>
                       </a>
                       <a href="">
                           <li class="h-nav-box-ul line">鼎搜投资</li>
                       </a>
                       <a href="">
                           <li class="h-nav-box-ul line">鼎搜服务</li>
                       </a>
                       <a href="">
                           <li class="h-nav-box-ul line">鼎搜动态</li>
                       </a>
                       <a href="">
                           <li class="h-nav-box-ul line">鼎搜诚聘</li>
                       </a>
                       <a href="">
                           <li class="h-nav-box-ul line">鼎搜公益</li>
                       </a>
                   </ul>
               </div>
               <!-- 搜索框 -->
               <div class="h-nav-search">  
                  <input type="search" class="h-nav-sc">    
               </div>
           </div>
           <!-- 轮播图 -->
           <div class="broadcast-jpg">
               <div class="broadcast-jpg-box">
                   <img  src="./images/index/banner.png" alt="">
               </div>
              
               
           </div>
       </header>
       <main>
        <!-- 主体大盒子 -->
        <div class="B-box">
            <!-- 盒子顶部特殊蓝色标明的盒子 -->
            <div class="border-blue">
                <!-- 特殊蓝色样式 -->
                <div class="blue-box">
                    <span>当前位置</span> 
                </div>
                <div class="blue-box-triangle"></div>
                <span>：主页 > 我要投资 > 投资列表</span>

            </div>
            <!-- 图标与行列文字的大盒子 -->
            <div class="icon-text-box">
                    <!-- 每行的容器 -->
                    <div class="icon-text">
                            <!-- 图标盒子 -->
                            <div class="icon-box">
                                <img src="./images/list/任务.png" alt="">
                            </div>
                            <!-- 行列文字 -->
                            <h4>按类型 :</h4>
                            <span class="blue-text">全部</span>
                            <span>股权转让 债权转让 实物资产 工美藏品 知识产权 经营产权 房产 矿权 林权 融资  更多</span>
                    </div>
                    <div class="icon-text">
                         <!-- 图标盒子 -->
                         <div class="icon-box">
                            <img src="./images/list/奖杯.png" alt="">
                        </div>
                        <!-- 行列文字 -->
                        <h4>按行业 :</h4>
                        <span class="blue-text">全部</span>
                        <span>房地产业 电子通讯 电力工业 煤炭工业 冶金矿产 机械制造 基础设施 建筑建材 物流仓储  更多</span>

                    </div>
                    <div class="icon-text">
                         <!-- 图标盒子 -->
                         <div class="icon-box">
                            <img src="./images/list/方块.png" alt="">
                        </div>
                        <!-- 行列文字 -->
                        <h4>按地区 :</h4>
                        <span class="blue-text">全部</span>
                        <span>北京 天津 上海 重庆 河北 山西 浙江 辽宁 吉林 湖北 江苏 安徽 福建 江西 台湾 香港 澳门 广东  更多</span>

                    </div>

            </div>
            <!-- 列表大盒子 -->
            <div class="list-B-box">
                <!-- 列表顶部特殊效果盒子 -->
                <!-- 前后蓝三角 -->
                <div class="list-t-box">
                    <div class="before-blue"></div>
                    <span>项目名称</span>
                    <span>所在地区</span>
                    <span>行业</span>
                    <span>类型</span>
                    <span>发布时间</span>
                    <!-- 前后蓝三角 -->
                    <div class="after-blue"></div>
                </div>
                <!-- 列表盒子 -->
                <div class="list-box">
                    <div class="text-box">
                        <span class="name">[广州天河龙洞] 可圈可点茶餐厅</span>
                        <span class="region">广东</span>
                        <span class="resraurant">餐饮餐馆</span>
                        <span class="transfer">股权转让</span>
                        <span class="date">2015-06-09</span>
                    </div>
                    <div class="text-box">
                        <span class="name">[广州天河龙洞] 可圈可点茶餐厅</span>
                        <span class="region">广东</span>
                        <span class="resraurant">餐饮餐馆</span>
                        <span class="transfer">股权转让</span>
                        <span class="date">2015-06-09</span>
                    </div>
                    <div class="text-box">
                        <span class="name">[广州天河龙洞] 可圈可点茶餐厅</span>
                        <span class="region">广东</span>
                        <span class="resraurant">餐饮餐馆</span>
                        <span class="transfer">股权转让</span>
                        <span class="date">2015-06-09</span>
                    </div>
                    <div class="text-box">
                        <span class="name">[广州天河龙洞] 可圈可点茶餐厅</span>
                        <span class="region">广东</span>
                        <span class="resraurant">餐饮餐馆</span>
                        <span class="transfer">股权转让</span>
                        <span class="date">2015-06-09</span>
                    </div>
                    <div class="text-box">
                        <span class="name">[广州天河龙洞] 可圈可点茶餐厅</span>
                        <span class="region">广东</span>
                        <span class="resraurant">餐饮餐馆</span>
                        <span class="transfer">股权转让</span>
                        <span class="date">2015-06-09</span>
                    </div>
                    <div class="text-box">
                        <span class="name">[广州天河龙洞] 可圈可点茶餐厅</span>
                        <span class="region">广东</span>
                        <span class="resraurant">餐饮餐馆</span>
                        <span class="transfer">股权转让</span>
                        <span class="date">2015-06-09</span>
                    </div>
                    <div class="text-box">
                        <span class="name">[广州天河龙洞] 可圈可点茶餐厅</span>
                        <span class="region">广东</span>
                        <span class="resraurant">餐饮餐馆</span>
                        <span class="transfer">股权转让</span>
                        <span class="date">2015-06-09</span>
                    </div>
                    <div class="text-box">
                        <span class="name">[广州天河龙洞] 可圈可点茶餐厅</span>
                        <span class="region">广东</span>
                        <span class="resraurant">餐饮餐馆</span>
                        <span class="transfer">股权转让</span>
                        <span class="date">2015-06-09</span>
                    </div>
                    <div class="text-box">
                        <span class="name">[广州天河龙洞] 可圈可点茶餐厅</span>
                        <span class="region">广东</span>
                        <span class="resraurant">餐饮餐馆</span>
                        <span class="transfer">股权转让</span>
                        <span class="date">2015-06-09</span>
                    </div>
                    <div class="text-box">
                        <span class="name">[广州天河龙洞] 可圈可点茶餐厅</span>
                        <span class="region">广东</span>
                        <span class="resraurant">餐饮餐馆</span>
                        <span class="transfer">股权转让</span>
                        <span class="date">2015-06-09</span>
                    </div>
                    <div class="text-box">
                        <span class="name">[广州天河龙洞] 可圈可点茶餐厅</span>
                        <span class="region">广东</span>
                        <span class="resraurant">餐饮餐馆</span>
                        <span class="transfer">股权转让</span>
                        <span class="date">2015-06-09</span>
                    </div>
                    <div class="text-box">
                        <span class="name">[广州天河龙洞] 可圈可点茶餐厅</span>
                        <span class="region">广东</span>
                        <span class="resraurant">餐饮餐馆</span>
                        <span class="transfer">股权转让</span>
                        <span class="date">2015-06-09</span>
                    </div>
                    <div class="text-box">
                        <span class="name">[广州天河龙洞] 可圈可点茶餐厅</span>
                        <span class="region">广东</span>
                        <span class="resraurant">餐饮餐馆</span>
                        <span class="transfer">股权转让</span>
                        <span class="date">2015-06-09</span>
                    </div>
                    <div class="text-box">
                        <span class="name">[广州天河龙洞] 可圈可点茶餐厅</span>
                        <span class="region">广东</span>
                        <span class="resraurant">餐饮餐馆</span>
                        <span class="transfer">股权转让</span>
                        <span class="date">2015-06-09</span>
                    </div>
                    
                </div>

            </div>
            <!-- 底部换页按钮 -->
     <div class="button">
        <!-- 按钮容器 -->
        <!-- <div class="button-text-box">

        </div> -->
    <span class="type">上一页</span>
    <span class="number active">1</span>
    <span class="number">2</span>
    <span class="number">3</span>
    <span class="number">4</span>
    <span class="number">5</span>
    <span class="type">下一页</span>
    </div>

        </div>
      





       </main>

        <footer>
            <!-- 装饰线 -->
            <hr/>
        <div class="footer-box">
                 <!-- 列表 -->
            <!-- <div class="footer-ulbox"> -->
                <ul>
                    <li>简介</li>
                    <li>鼎搜网简介</li>
                    <li>鼎搜服务</li>
                    <li>会员身份认证</li>
                </ul>
                <ul>
                    <li>帮助</li>
                    <li>用户注册</li>
                    <li>关于鼎搜</li>
                    <li>在线咨询</li>
                </ul>
                <ul>
                    <li>共赢</li>
                    <li>网站合作</li>
                    <li>用户协议</li>
                    <li>会员身份认证</li>
                </ul>
                <ul>
                    <li>导航</li>
                    <li>地图首页</li>
                    <li>职能分类</li>
                    <li>企业名录</li>
                </ul>
            <!-- </div> -->
           
            <!-- 列表旁的图片 -->
            <div class="footer-img">
                <img src="./images/index/connect.png" alt="">
            </div>
    
          
    
        </div>   
        
            <!-- 底部蓝色 -->
        <div class="f-blue">
            Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有
        </div>
        </footer>

    </div>
    
</body>
</html>